<template>
<div class="header-swiper">
  <mt-swipe :auto="3000" class="mt-swipe">
  <mt-swipe-item v-for="item in swiperList" :key="item.id">
    <img :src="item.imgUrl" alt="">
  </mt-swipe-item>
  
</mt-swipe>
</div>
</template>

<script>
export default {
  props: ["swiperList"],
  data() {
    return {};
  }
};
</script>

<style scoped>
.header-swiper {
  width: 100%;
  height: 3.5rem;
}
.mt-swipe img {
  width: 100%;
  height: 100%;
}
</style>


